<juci-layout-with-sidebar>
	<div ng-controller="StatusEventsPageCtrl">
		<juci-config-section>
			<juci-config-heading>{{ 'Event Log' | translate }}</juci-config-heading>
			<juci-config-info>{{ 'status.eventlog.info' | translate }}</juci-config-info>
			</juci-config-section>
		<juci-config-section>
			<juci-config-heading>{{'Log' | translate}}</juci-config-heading>
			<juci-config-line title="{{'Download All Logs'|translate}}">
				<a href="/cgi-bin/juci-log-download?sid={{sid}}" class="btn btn-default btn-lg" translate>Download As Text</a>
			</juci-config-line>
			<juci-config-line title="{{'Limit log list'|translate}}">
				<juci-select ng-model="data.limit" ng-items="allLimits"/>
			</juci-config-line>
			<juci-config-line title="{{'Filter log messages'|translate}}">
				<input type="text" class="form-control" ng-model="data.filter" ng-change="applyFilter()" placeholder="{{'Enter search string'|translate}}">
			</juci-config-line>
			<juci-config-line ng-repeat="filter in filters" title="{{ 'Filter by'|translate}} {{filter.name}}">
				<input type="checkbox" ng-model="filter.checked" ng-change="applyFilter()">
			</juci-config-line>
			<div ng-show="inprogress">
				<i class="fa fa-spinner fa-spin"></i>
			</div>
			<div ng-hide="inprogress">
				<table class="table">
					<thead>
						<th translate>Date</th>
						<th translate>Type</th>
						<th translate>Source</th>
						<th translate>Message</th>
					</thead>
					<tr ng-repeat="line in logs track by $index" class="{{lineClass(line)}}">
						<td nowrap>{{line.date}}</td>
						<td>{{line.type}}</td>
						<td>{{line.source}}</td>
						<td>{{line.message}}</td>
					</tr>
				</table>
			</div>
		</juci-config-section>
	</div>
</juci-layout-with-sidebar>
